<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>后台管理</title>
  <link rel="stylesheet" type="text/css" href="../static/css/iview.css">
  <script type="text/javascript" src="../static/js/vue.mini.js"></script>
  <script type="text/javascript" src="../static/js/iview.mini.js"></script>
  <script type="text/javascript" src="../static/js/jquery.mini.js"></script>
  <!--异步请求两个必须的文件-->
  <script type="text/javascript" src="../static/js/axios.mini.js"></script>
  <script type="text/javascript" src="../static/js/qs.mini.js"></script>
  <script type="text/javascript" src="../static/js/node_modules/bluebird/js/browser/bluebird.js"></script>
  <script type="text/javascript" src="../static/js/node_modules/babel-polyfill/dist/polyfill.js"></script>
</head>
<body>
<div id="app">
  <div style="font-size: 20px; margin-bottom: 20px;margin-top: 20px;margin-left: 8px">
    <i-button @click="add">添加</i-button>
    <i-button @click="update">修改</i-button>
    <i-button @click="del">删除</i-button>
  </div>

  <Modal v-model="visible" title="课程管理">
    <i-form ref="formValidate" :model="courselist" :rules="ruleValidate" :label-width="80">
    <form-item  label="课程编号">
      <i-input v-model="courselist.course_code" placeholder="课程编号"></i-input>
    </form-item>
      <form-item  label="课程名称">
        <i-input v-model="courselist.course_name" placeholder="课程名称"></i-input>
      </form-item>
      <form-item  label="学院编号">
        <i-Select v-model="dept_id_value" style="width:160px;height:30px;" @on-change='change_status(dept_id_value)'>
          <i-Option v-for="item in dept_list" :value="item.id" :key="item.id" >{{ item.dept_name }}+{{item.dept_num}}</i-Option>
        </i-Select>
      </form-item>
    </i-form>
    <div slot="footer">
      <i-Button type="ghost" shape="circle" class="ivu-btn ivu-btn-success ivu-btn-circle" @click="updateOrSave">确认
      </i-Button>
    </div>
  </Modal>
  <i-Table border :columns="columns4" :data="lesson" @on-select="isSelect" @on-select-cancel="NoSelect" @on-select-all="all_ok" @on-select-all-cancel="all_cancel"></i-Table>
</div>
<script type="text/javascript" src="../static/js/lesson.js"></script>
</body>
</html>
